<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="icon" type="image/x-icon" href="img/favicon-20181017100451352.ico"/>
		<link rel="stylesheet" type="text/css" href="css/shopInfo.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<!-- 头部s -->
		<header class="clearfix">
			<div class="logo fl"><a href="index.html"><span>Back</span></a></div>
			<div class="tittleImg fr clearfix"></div>
			<div class="topTittle">产品详情</div>
		</header>
		<!-- 头部e -->
		
		<!-- 内容s -->
		<section>
			<div class="shopInfoImg">
				<img src="img/shopimg1.png"/>
			</div>
			
			<h3>￥32<span class="fr">购买</span></h3>
			
			<div class="evaluate clearfix">
				<img class="fl" src="img/xingxing2.png"/>
				<h3 class="fl">好评度<span>99%</span></h3>
				<h4 class="fr">共605个评价<i class="iconfont icon-jiantouyou"></i></h4>
			</div>
			
			<span class="clearfix">适用商户<i class="iconfont icon-jiantouyou fr"></i></span>
			
			<!-- 店铺列表s -->
			<div class="shopPerfect clearfix">
				<div class="shopPerfectImg fl">
					<img src="img/shop1.png"/>
					<span>正佳店</span>
				</div>
				<div class="shopPerfectInfo fl">
					<h3>万岁寿司（正佳店）</h3>
					
					<!-- 星星打分s -->
					<form class="score" action="" method="post" class="clearfix">
    					<span class="fr">10分</span>
				        <input type="radio" name="star" id="star1" value="5" checked>
				        <label for="star1" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="star" id="star2" value="4">
				        <label for="star2" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="star" id="star3" value="3">
				        <label for="star3" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="star" id="star4" value="2">
				        <label for="star4" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="star" id="star5" value="1">
				        <label for="star5" class="iconfont icon-star"></label>
			    	</form>
			    	<!-- 星星打分e -->
			    	
			    	
			    	<h4>离你100m</h4>
			    	
			    	<a href="">查看详情</a>
				</div>
				<span class="fr">进入</span>
			</div>
			<!-- 店铺列表e -->
			
			<!-- 店铺列表s -->
			<div class="shopPerfect clearfix">
				<div class="shopPerfectImg fl">
					<img src="img/shop2.png"/>
					<span>体育西路店</span>
				</div>
				<div class="shopPerfectInfo fl">
					<h3>万岁寿司（体育西路店）</h3>
					
					<!-- 星星打分s -->
					<form class="score" action="" method="post" class="clearfix">
    					<span class="fr">10分</span>
				        <input type="radio" name="tystar" id="tystar1" value="5" checked>
				        <label for="tystar1" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="tystar" id="tystar2" value="4">
				        <label for="tystar2" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="tystar" id="tystar3" value="3">
				        <label for="tystar3" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="tystar" id="tystar4" value="2">
				        <label for="tystar4" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="tystar" id="tystar5" value="1">
				        <label for="tystar5" class="iconfont icon-star"></label>
			    	</form>
			    	<!-- 星星打分e -->
			    	
			    	
			    	<h4>离你100m</h4>
			    	
			    	<a href="">查看详情</a>
				</div>
				<span class="fr">进入</span>
			</div>
			<!-- 店铺列表e -->
			
			<!-- 店铺列表s -->
			<div class="shopPerfect clearfix">
				<div class="shopPerfectImg fl">
					<img src="img/shop3.png"/>
					<span>昌岗店</span>
				</div>
				<div class="shopPerfectInfo fl">
					<h3>万岁寿司（昌岗店）</h3>
					
					<!-- 星星打分s -->
					<form class="score" action="" method="post" class="clearfix">
    					<span class="fr">10分</span>
				        <input type="radio" name="cgstar" id="cgstar1" value="5" checked>
				        <label for="cgstar1" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="cgstar" id="cgstar2" value="4">
				        <label for="cgstar2" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="cgstar" id="cgstar3" value="3">
				        <label for="cgstar3" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="cgstar" id="cgstar4" value="2">
				        <label for="cgstar4" class="iconfont icon-star"></label>
				        
				        <input type="radio" name="cgstar" id="cgstar5" value="1">
				        <label for="cgstar5" class="iconfont icon-star"></label>
			    	</form>
			    	<!-- 星星打分e -->
			    	
			    	
			    	<h4>离你100m</h4>
			    	
			    	<a href="">查看详情</a>
				</div>
				<span class="fr">进入</span>
			</div>
			<!-- 店铺列表e -->
			
		</section>
		<!-- 内容e -->
		
		<!-- 尾部s -->
		<footer>
			<a href="index.html">
				<div class="icon fl">
					<i class="iconfont icon-shouye"></i>
					<h3>首页</h3>
				</div>
			</a>
			<a href="classifi.html">
				<div class="icon fl">
					<i class="iconfont icon-leimupinleifenleileibie1"></i>
					<h3>分类</h3>
				</div>
			</a>
			<a href="find.html">
				<div class="icon fl">
					<i class="iconfont icon-faxian"></i>
					<h3>发现</h3>
				</div>
			</a>
			<a href="myInfo.html">
				<div class="icon fl">
					<i class="iconfont icon-zhanghao"></i>
					<h3>我的</h3>
				</div>
			</a>
		</footer>
		<!-- 尾部e -->
		
		<!-- 引入rem脚本 -->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
